<template>
	<view class="home-bg">
		<view class="btn-row">
			<button class="login-btn" @click="goLogin">登录</button>
			<button class="register-btn" @click="goRegister">注册</button>
		</view>
	</view>
</template>

<script>
export default {
	methods: {
		goLogin() {
			uni.navigateTo({ url: '/pages/login/login' });
		},
		goRegister() {
			uni.navigateTo({ url: '/pages/register/register' });
		}
	}
}
</script>

<style scoped>
.home-bg {
	min-height: 100vh;
	width: 100vw;
	position: relative;
	background:  url() no-repeat center center;
	background-size: cover;
	overflow: hidden;
}

.btn-row {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 48px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 100%;
}

.login-btn {
	width: 120px;
	height: 44px;
	background: #1aad19;
	color: #fff;
	font-size: 18px;
	border-radius: 8px;
	border: none;
	margin-right: 16px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.register-btn {
	width: 120px;
	height: 44px;
	background: #fff;
	color: #1aad19;
	font-size: 18px;
	border-radius: 8px;
	border: 1px solid #1aad19;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
</style>
